/* unvisited link */
a:link {
    color: #00a;text-decoration: none;
}

/* visited link */
a:visited {
   text-decoration: none;
}

/* mouse over link */
a:hover {
    text-decoration: none;
}

/* selected link */
a:active {
    text-decoration: none;
}
  
h1 { color: green; }

/* --------- CLASSES ------------ */
div .buttons-project-more {	
    position:absolute;
	bottom:50px;
	right:10px;
}

/* --------- HINTERGRUND + HEAER ------------ */

#bg {
	/*background-image: linear-gradient(#111111,#CCCCCC);*/
	background-color:#5e5e5c;
	width:100%;
	height:100%;
	font-family: Frutiger, "Frutiger Linotype",Helvetica,Verdana,Arial,Tahoma, sans-serif;
	margin: auto; 
}

#stratozero {
	position:absolute;
	top: 50px; 
	left:0;
	right:0;
	margin:auto;
	width:300px; 
	opacity: 1.0;
	z-index:8;
}


#stratozero_network {
	position:absolute;
	top: 100px; 
	left:0;
	right:0;
	margin:auto;
	width:200px; 
	opacity: 1.0;
	z-index:8;
}

#stratozero_back{
	position:relative;
	width:200px; 
	opacity: 1.0;
}



/* --------- Navigation ------------ */
#timenav {
	position:absolute;
	top:80px;
	right:20px;
	width:100px;
	z-index:7;
}
#close {
	position:fixed;
	top:10px;
	right:20px;
	width:30px;
	opacity: 0.0;
	z-index:7;
}

#closeproject {
	position:fixed;
	top:10px;
	right:20px;
	width:30px;
	opacity: 1.0;
	z-index:7;
}

#moreproject {
	position:fixed;
	top:60px;
	right:20px;
	width:30px;
	opacity: 1.0;
	z-index:7;
}
#back {
	position:absolute;
	height:0px;
	top:0px;
	left:0px;
	z-index:7;
	opacity:1.0;
}
#ahead {
	position:absolute;
	height:0px;
	top:0px;
	left:0px;
	z-index:7;
	opacity:1.0;
}

#contact {
	position:absolute;
	top:0px;
	left:0px;
	width:0%;
	height:0%;
	opacity:0.0;
	z-index:8;
	color: black;
	background-color:white;	
	overflow:hidden;
}
#impressum {
	position:absolute;
	top:0px;
	left:0px;
	width:0%;
	height:0%;
	opacity:0.0;
	z-index:8;
	color: black;
	background-color:white;	
	overflow:auto;
}
#contactTable {
	text-align: center;
	vertical-align: middle;
	top:0px;
	left:0px;
	width:100%;
	height:100%;	
}
#gaeste {
	text-align: center;
	vertical-align : middle;
	position:absolute;
	top:0px;
	left:0px;
	margin: auto;
	width:0%;
	height:0%;
	z-index:7;
	opacity:0.8;
	background-color:#5e5e5c;
	overflow:hidden;
}

#gaestetable {
	top:50px;
	text-align: left;
	vertical-align : middle;
	margin: auto;
	margin: auto;
	width:300px;
}


#navigation {
    position:absolute;	
	bottom:0px;
	border: none;
	padding: 5px;
	height:30px;
	opacity: 0.6;
	z-index:8;
}

#navigationentries{
	position:relative;	
	color: white;
	font-weight: bold;
	opacity:0;
	font-size: 15px;
	z-index:7;
}

#navigationentryleft {  	
	left: 0px; 	
	/*text-shadow: 1px 1px 2px black, 0 0 25px white, 0 0 5px #808080;*/
}

#navigationentrymiddle {
	margin-left: auto;
    margin-right: auto;
	width:200px;
	/*text-shadow: 1px 1px 2px black, 0 0 25px white, 0 0 5px #808080;*/
}

#navigationentryright {
	text-align: right;	
	right: 60px; 
	/*text-shadow: 1px 1px 2px black, 0 0 25px white, 0 0 5px #808080;*/
}


/* ################ SLIDE Show ################### */
#slideShow{
	position:absolute;
	z-index:16385;
	width:100%;
	height:0px;
	bottom: 50px;
	opacity:0;
}

#slideShowNext {
	position:absolute;
	right:50px;
	width:30px;
}

#slideShowPrev {
	position:absolute;
	left:50px;
	width:30px;
}

#slideShowClose{
	position:absolute;
	left: 50%;
	margin-left:-15px;
	width:30px;
}


/* ################ Elemente ##################### */
#element_0 {
	position: absolute; 
	width:0px;
	height:0px;
	top: 0px;
	left: 0px;
	font-size: 15px;
	/*border: 3px solid #808080;*/
	background-color:#5e5e5c;
	z-index:6;
	opacity: 1.0;
	overflow:hidden;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	*/
}


#teaserpic_0 {
	width: 100%;
}

#contentEntry_0 {
	margin-top: -85px;
    margin-left: -100px;
	width:400px;
	text-align: left;
	font-size: 20px;	
	color: black;
}

#element_1 {
	position: absolute;
	width:0px;
	height:0px;
	top: 0px;
	left: 0px;
	/*border: 3px solid #808080;*/
	background-color:#5e5e5c;
	z-index:5;
	opacity: 0.8;
	overflow:hidden;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	*/
}

#contentEntry_1 {
	margin-top: -85px;
    margin-left: -100px;
	width:400px;
	text-align: left;
	font-size: 20px;	
	color: black;
}

#teaserpic_1 {
	width: 100%;
}

#element_2 {
	position: absolute; 
	width:0px;
	height:0px;
	top: 0px;
	left: 0px;	
	/*border: 3px solid #808080;*/
	background-color:#5e5e5c;
	z-index:4;
	opacity: 0.5;
	overflow:hidden;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	*/
}
#contentEntry_2 {
	margin-top: -85px;
    margin-left: -100px;
	width:400px;
	text-align: left;
	font-size: 20px;	
	color: black;
}

#teaserpic_2 {
	width: 100%;
}

#element_3 {
	position: absolute; 
	width:0px;
	height:0px;
	top: 0px;
	left: 0px;	
	/*border: 3px solid #808080;*/
	background-color:#5e5e5c;
	z-index:3;
	opacity: 0.3;
	overflow:hidden;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	*/
}
#contentEntry_3 {
	margin-top: -85px;
    margin-left: -100px;
	width:400px;
	text-align: left;
	font-size: 20px;	
	color: black;
}

#teaserpic_3 {
	width: 100%;
}

#element_4 {
	position: absolute; 
	width:0px;
	height:0px;
	top: 0px;
	left: 0px;	
	/*border: 3px solid #808080;*/
	background-color:#5e5e5c;
	z-index:2;
	opacity: 0.15;
	overflow:hidden;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	*/
}
#contentEntry_4 {
	margin-top: -85px;
    margin-left: -100px;
	width:400px;
	text-align: left;
	font-size: 20px;	
	color: black;
}

#teaserpic_4 {
	width: 100%;
}

/* ################ POPUPS ##################### */
#popup{
	position: absolute; 
	width:0px;
	height:0px;
	top: 0px;
	left: 0px;
	opacity: 0.0;
}

#popup_element_0 {
	position: absolute; 
	width:0px;
	height:0px;
	top: 0px;
	left: 0px;
	font-size: 15px;
	/*border: 3px solid #808080;*/
	background-color:#5e5e5c;
	z-index:6;
	opacity: 1.0;
	overflow:hidden;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	*/
}


#popup_teaserpic_0 {
	width: 100%;
}

#popup_contentEntry_0 {
	margin-top: -85px;
    margin-left: -100px;
	width:400px;
	text-align: left;
	font-size: 20px;	
	color: black;
}


/* ################ Archiv ################### */
#a_stratozero {
	position:fixed;
	top: 20px; 
	left:0;
	right:0;
	margin:auto;
	width:200px; 
	opacity: 1.0;
}

#a_close {
	position:fixed;
	top:10px;
	right:20px;
	width:30px;
	opacity: 1.0;
	z-index:1;
}

#a_pageheader {
	position:static;
	top: 100px; 
	left:0;
	right:0;
	margin:auto;
	width:200px; 
	opacity: 1.0;
	font-size: 50px;
}

#a_filter { 
	position:sticky;
	background-color:#7e7e7c;
	top: 200px; 
	margin-left:20px;
	width:100px;
}

#a_filtertitle { 
	font-size: 20px;
}

#a_suche_button { 
	position:fixed;
	top:60px;
	right:20px;
	width:30px;
	opacity: 1.0;
	z-index:7;
}

#a_suche { 
	position:fixed;
	background-color:#7e7e7c;
	top: 60px; 
	right:50px;
	margin:auto;
	width:0px;
	height:0px;
	opacity: 0.0;
	z-index:7;
}

#a_suche_spacer { 
	height:70px;
}

#a_suchetitle { 
	font-size: 15px;
	width:70px;
}

#a_searchField {
	width:100%;
	height:100%;
	background-color:#EEEEEE;
}

#a_filter_entry { 
	font-size: 15px;
	margin-left:30px;
}

#a_content { 
	margin-top:100px;
	margin-left:0px;
	margin-bottom:500px;
}

#a_pagesubheader { 
	width:80%;
	margin-bottom:30px;
	margin-left:50px;
	opacity: 1.0;
	clear:both;
	font-size: 40px;
	text-align: left;
}

#a_data { 
	margin-left:50px;
	margin-right:50px;
}

#a_link {
	position:fixed;
	text-align:center;
	background-color:#7e7e7c;
	bottom:0px;
	height:30px;
	width:100%;
	left:0px;
	right:0px;
	margin:auto;
	padding:auto;
}

#a_element {
	width:200px;
	float: left;
	color: black;
	padding: 30px;
}

#a_teaser {
	margin: 10px;
	width:100%;
	margin-right: 1em;
}

#a_head {
	width:100%;
	margin: 10px;
	text-align: center;
	font-size: 20px;
}

#a_description {
	width:100%;
	margin: 10px;
	text-align: left;
	font-size: 14px;
}


/* ################ Menu ################### */
#menu {
	position:absolute;
	bottom: 70px; 
	left:0;
	right:0;
	width:50px;
	height:40px;  
	margin-top:auto;
	margin-left:auto;
	margin-right:auto;
	opacity: 1.0;
	z-index:0;
}

#menucontent {
	position:absolute;
	background-color:#5e5e5c;
	bottom: 115px; 
	left:0;
	right:0;
	margin:auto;
	width:0px; 
	height:0px; 
	opacity: 0.0;
	z-index:7;
	overflow: hidden;
}

/* TODO */

#menucontent_hfm {
	position:absolute;
	bottom: 270px; 
	left:0;
	right:0;
	margin:auto;
	width:100%; 
	text-align: center;
}
#menucontent_architecture {
	position:absolute;
	bottom: 220px;
	left:0;
	right:0;
	margin:auto;
	width:100%; 
	text-align: center;
}
#menucontent_guests {
	position:absolute;
	bottom: 170px; 
	left:0;
	right:0;
	margin:auto;
	width:100%; 
	text-align: center;
}
#menucontent_cv {
	position:absolute;
	bottom: 120px;
	left:0;
	right:0;
	margin:auto;
	width:100%; 
	text-align: center;
}
#menucontent_impressum {
	position:absolute;
	bottom: 70px; 
	left:0;
	right:0;
	margin:auto;
	width:100%; 
	text-align: center;
}
#menucontent_archiv {
	position:absolute;
	bottom: 70px;
	left:0;
	right:0;
	margin:auto;
	width:100%; 
	text-align: center;
}
/* ------------ Definitionen in Elementen ----------*/
/*#contentEntry {
	margin-top: -85px;
    margin-left: -100px;
	width:400px;
	text-align: left;
	font-size: 20px;	
	color: black;
}
#teaser {
		width: 100%;
}*/
#teaser {
	width: 50%;	
    margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 25%;
}

#head {
	text-align: center;
	margin-top: 30px;
	font-size: 30px;
	color: black;
	padding:20px;
}

#ruler {
	margin-top: 40px;
	margin-bottom: 40px;
	color: black;
	border:solid;
	border-width:thin;
}

#pictureSubtitle {
	text-align: left;
	font-size: 18px;	
	color: black;
}
#link {
	text-align: left;
	font-size: 20px;	
	color: #A0A0A0;
	margin-top:10px;
}
#description_0 {	
	margin-top:20px;
	display: block;
}

#description_short_0 {	
	margin-top:20px;
	display: block;
}

#description_1 {	
	margin-top:20px;
	display: block;
}

#description_short_1 {	
	margin-top:20px;
	display: block;
}

#description_2 {	
	margin-top:20px;
	display: block;
}

#description_short_2 {	
	margin-top:20px;
	display: block;
}

#description_3 {	
	margin-top:20px;
	display: block;
}

#description_short_3 {	
	margin-top:10px;
	display: block; 
}